<template>
    <view class="index">
		   
		<view class="index-banner">
			<view class="index-banner-title">
				首页
			</view>
			<router-link to="/pages/goods_search/goods_search">
			  <view class="index-banner-input">
				<input type="text" placeholder="输入搜索内容" />
			  </view>
			</router-link>
		</view>
		<view class="index-Software">
			<view class="index-Software-title">
				<image src="../../static/images/development.png" style="height: 50rpx; width: 50rpx;" mode=""></image>
				<view class="index-Software-title-words">
					软件开发业务
				</view>
			</view>
			
			<view class="index-Software-content">
				<view class="index-Software-content-item" @tap="handleToCaseArticle"></view>
				<view class="index-Software-content-item"></view>
				<view class="index-Software-content-item"></view>
				<view class="index-Software-content-item"></view>
				<view class="index-Software-content-item"></view>
				<view class="index-Software-content-item"></view>
			</view>
		</view>
		
		<view class="index-cooperation">
			<view class="index-cooperation-title">
				<image src="../../static/images/cooperation.png" style="width: 65rpx;height: 65rpx;" mode=""></image>
				<view class="index-cooperation-title-words">
					合作伙伴
				</view>
			</view>
			<view class="index-cooperation-swiper">
				<view class="index-cooperation-swiper-list">
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
				</view>
				<view class="index-cooperation-swiper-list">
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
				</view>
				<view class="index-cooperation-swiper-list">
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
					<image src="../../static/images/cooperation-banner.png" mode="" class="index-cooperation-swiper-list-img"></image>
				</view>
				<!-- <view class="index-cooperation-swiper-lister">
					<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
						<swiper-item>
							<view class="swiper-item uni-bg-red index-cooperation-swiper-list"></view>
						</swiper-item>
						<swiper-item>
							<view class="swiper-item uni-bg-green index-cooperation-swiper-list "></view>
						</swiper-item>
						<swiper-item>
							<view class="swiper-item uni-bg-blue index-cooperation-swiper-list"></view>
						</swiper-item>
					</swiper>

				</view> -->
			</view>
		</view>
		
		
		<view class="index-infomation-integrate">
			<view class="index-infomation-integrate-title">
				<image src="../../static/images/development.png" style="height: 50rpx;width: 50rpx;" mode=""></image>
				<view class="index-infomation-integrate-title-words">
					智慧信息化集成
				</view>
			</view>
			<view class="index-infomation-integrate-content">
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/city.png" class="index-infomation-integrate-content-list-img" mode=""></image>
				<view class="index-infomation-integrate-content-list-words">
					智慧城市
				</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image class="index-infomation-integrate-content-list-img" src="../../static/images/school.png" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	 智慧学校
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/medical.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧医疗
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/mine.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧矿山
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/bus.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧交通
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/writing.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧医文旅
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/agriculture.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧农业
			  	</view>
			  </view>
			  
			  <view class="index-infomation-integrate-content-list">
			  	<image src="../../static/images/indusry.png" class="index-infomation-integrate-content-list-img" mode=""></image>
			  	<view class="index-infomation-integrate-content-list-words">
			  	  智慧工业
			  	</view>
			  </view>
			  
			</view>
		</view>
		
		<view class="index-company-peofile">
			<view class="index-company-peofile-title">
			  公司简介
			</view>
			<view class="index-company-peofile-content">
				公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简
				介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介
				公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介
				公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介
				公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介
				公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介公司简介
			</view>
		</view>
		
		
        <!-- #ifndef  H5 -->
        <!-- <u-sticky offset-top="0" h5-nav-height="0" bg-color="transparent">
            <u-navbar
                :is-back="false"
                :title="styles.title"
                :title-bold="true"
                :is-fixed="false"
                :border-bottom="false"
                :title-color="percent > 0.5 ? '#000' : styles.title_color == 1 ? '#fff' : '#000'"
                :background="{ background: 'rgba(256,256, 256,' + percent + ')' }"
            ></u-navbar>
        </u-sticky> -->
        <!-- :title-color="styles.title_color == 1 ? '#fff' : '#000'" -->
        <!-- #ifdef MP -->
        <!-- <view class="capsule-tips flex" v-if="offTip">
            <text class="m-r-10">添加到“我的小程序”</text>
            <u-icon name="close" color="#FFFFFF" @click="clearIntervalFunc"></u-icon>
        </view> -->
        <!-- #endif --> 
        <!-- #endif -->
        <!-- <bubble top="300rpx" :page="1" :discharge="isDischarge"></bubble> -->
		<!-- v-for="(item, index) in pagesData" :key="index" -->
        <!-- <lazy-component >
            <view class="tow-index">
				<view class="tow-index-title">
					首页
				</view>
				<view class="tow-index-title-input">
					<input type="text" placeholder="请输入搜索内容" />
				</view>
               -->
                <!-- <template v-else-if="item.name == 'navigation' && item.show">
                    <w-navigation :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'banner' && item.show">
                    <w-banner :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'title' && item.show">
                    <w-title :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'rubik' && item.show">
                    <w-rubik :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'notice' && item.show">
                    <w-notice :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'blank' && item.show">
                    <w-blank :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'separate' && item.show">
                    <w-separate :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'goodsgroup' && item.show">
                    <w-goodsgroup :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'tabs' && item.show">
                    <w-tabs :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'coupon' && item.show">
                    <w-coupon
                        :content="item.content"
                        :styles="item.styles"
                        @refresh="getPageInfo"
                    />
                </template>
                <template v-else-if="item.name == 'seckill' && item.show">
                    <w-seckill :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'presell' && item.show">
                    <w-presell :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'spellgroup' && item.show">
                    <w-spellgroup :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'video' && item.show">
                    <w-video :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'graphic' && item.show">
                    <w-graphic :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'hotarea' && item.show">
                    <w-hotarea :content="item.content" :styles="item.styles" />
                </template>
                <template v-else-if="item.name == 'edit' && item.show">
                    <w-editor :content="item.content" :styles="item.styles" />
                </template> -->
                <!-- #ifdef MP-WEIXIN -->
                <!-- <template v-else-if="item.name == 'mnplive' && item.show">
                    <w-mnplive :content="item.content" :styles="item.styles" />
                </template> -->
                <!-- #endif -->
           <!-- </view>
            <view slot="skeleton" style="height: 20vh"></view>
        </lazy-component> -->
        <!-- #ifdef H5 -->
        <!-- <view class="record_number">
            <a :href="recordLink" style="color: #495770; text-decoration: none">
                {{ recordNumber }}
            </a>
        </view> -->
        <!-- #endif -->
        <!-- #ifndef APP-PLUS -->
        <tabbar />
        <!-- #endif -->
        <!-- #ifdef APP-PLUS -->
        <tabbar v-show="showTabbar" />
        <!-- #endif -->
        <!-- <index-skeleton v-show="loading" /> -->
       <!-- <u-back-top
            :scroll-top="scrollTop"
            :top="1000"
            :customStyle="{
                backgroundColor: '#FFF',
                color: '#000',
                boxShadow: '0px 3px 6px rgba(0, 0, 0, 0.1)'
            }"
        >
        </u-back-top> -->

        <!-- #ifdef APP-PLUS -->
        <lyg-popup
            v-if="appConfig.app_pop_agreement"
            title="用户使用及隐私保护政策提示"
            protocolPath="/bundle/pages/server_explan/server_explan?type=1"
            policyPath="/bundle/pages/server_explan/server_explan?type=2"
            policyStorageKey="has_read_privacy"
            @showopen="handleoPenAd"
        >
        </lyg-popup>
        <!-- #endif -->
        <!-- #ifdef MP -->

        <!-- 用户隐私协议弹框 -->
        <privacy-popup v-model="showPrivacyPopup" @showopen="handleoPenAd"></privacy-popup>
        <!-- #endif -->

        <!-- 无网络提示 -->
        <u-no-network z-index="1200" @retry="handleRetry"></u-no-network>
        <!-- 弹出广告 -->
        <!-- <open-advertisement v-if="showopenAd"></open-advertisement> -->
        <!-- 注册奖励 -->
        <!-- <open-registerreward v-if="isReward === 0"></open-registerreward> -->
    </view>
</template>
<script>
import { apiIndex } from '@/api/store'
import { apiVisit } from '@/api/app'
import { mapActions, mapGetters } from 'vuex'
import { apiUserCentre } from '@/api/user'
import store from '@/store'

import openAdvertisement from '../../components/open-advertisement/open-advertisement.vue'
export default {
    components: { openAdvertisement },
    data() {
        return {
            isDischarge: false,
            styles: {},
            pagesData: [],
            loading: true,
            scrollTop: 0,
            policyStorageKey: 'had_read_privacy', // 保存是否同意协议缓存信息的key
            showTabbar: true, // 是否展示tabbar。 在app端&开启了强制弹窗同意协议，需同意才展示tabbar
            percent: 0,
            offTip: false,
            showPrivacyPopup: false, //微信用户隐私协议
            showopenAd: false,
            isReward: 1,
			// swiper
			 background: ['color1', 'color2', 'color3'],
			 indicatorDots: false,
			 autoplay: true,
			 interval: 1500,
			 duration: 500,
			 interval1: 1600,
			 interval2: 1700,
			 interval3: 1800,
			 interval4: 1900,
        }
    },

    methods: {
        ...mapActions(['getConfig', 'getDecorateConfig', 'getUser']),
        handleRetry() {
            this.getConfig()
            this.getDecorateConfig()
            this.getUser()
        },
        getPageInfo() {
            apiIndex()
                .then((res) => {
                    const {
                        common: { title },
                        common,
                        content
                    } = res

                    uni.setNavigationBarTitle({
                        title
                    })
                    this.styles = common
                    this.tempData = content.map((item, index) => {
                        return {
                            index,
                            value: item
                        }
                    })
                    this.splitSetData()
                })
                .finally(() => {
                    uni.stopPullDownRefresh()
                    this.loading = false
                })
        },
        splitSetData() {
            const item = this.tempData.shift()
            if (!item) return
            this.$set(this.pagesData, item.index, Object.freeze(item.value))
            setTimeout(() => {
                this.splitSetData()
            }, 100)
        },
        onPageScroll(e) {
            const top = uni.upx2px(100)
            const { scrollTop } = e
            this.percent = scrollTop / top > 1 ? 1 : scrollTop / top
        },
        clearIntervalFunc() {
            this.offTip = false
        },
        clearTipAuto() {
            let timeid = null
            if (timeid) {
                clearTimeout(timeid)
            }
            timeid = setTimeout(() => {
                this.clearIntervalFunc()
            }, 5000)
        },
        handleoPenAd() {
            this.showopenAd = true
        },

		// 跳转到pages/case_article/case_article页面
		handleToCaseArticle(item) {
			this.$Router.push({
				path: '/pages/case_article/case_article',
				query: {
					// id: item.id
					id: '张三'
				}
			})
		},
	
    },
    computed: {
        ...mapGetters(['userInfo', 'appConfig', 'shareConfig']),
        recordNumber() {
            return store.getters.appConfig.record_number
        },
        recordLink() {
            return store.getters.appConfig.record_system_link
        },

        pageStyle() {
            const { background_color, background_image, background_type } = this.styles
            if (background_type == 0) return
            const style =
                background_type == 1
                    ? {
                          'background-color': background_color
                      }
                    : {
                          'background-image': `url(${background_image})`
                      }
            return style
        }

        // // #ifdef APP-PLUS
        // // 是否展示tabbar。 在app端&开启了强制弹窗同意协议，需同意才展示tabbar
        // showTabbar() {
        // 	let isShow = false
        // 	return uni.getStorageSync(this.policyStorageKey);
        // },
        // // #endif
    },
    onPullDownRefresh() {
        this.getPageInfo()
    },
    onPageScroll(e) {
        const { scrollTop } = e
        this.scrollTop = scrollTop
    },
    onLoad() {
        uni.hideTabBar()
        // #ifdef MP-WEIXIN
        wx.getPrivacySetting({
            success: (res) => {
                console.log(res, '------') // 返回结果为: res = { needAuthorization: true/false, privacyContractName: '《xxx隐私保护指引》' }
                if (res.needAuthorization) {
                    // 需要弹出隐私协议
                    this.showPrivacyPopup = true
                } else {
                    this.showopenAd = true
                }
            },
            fail: (err) => {
                console.log(err)
            }
        })
        // #endif
        // #ifdef H5
        this.showopenAd = true
        // #endif
        // #ifdef APP-PLUS
        if (uni.getSystemInfoSync().platform == 'android') {
            this.showopenAd = true
        } else {
            if (!this.appConfig.app_pop_agreement) {
                this.showopenAd = true
            }
        }

        // #endif

        this.getPageInfo()
        // 访客记录
        apiVisit()
        // #ifdef H5
        setTimeout(() => {
            const shareconfig = this.shareConfig.find((i) => {
                return i.type == 2 && i.page == 1
            })
            const { shop_name } = this.appConfig
            const titile = shareconfig.title.replace(/\{name\}/g, shop_name)
            const sharedesc = shareconfig.synopsis.replace(/\{name\}/g, shop_name)
            // 设置分享
            this.$store.dispatch('setWxShare', {
                shareTitle: titile,
                shareImage: shareconfig.image,
                shareDesc: sharedesc
            })
        }, 1000)

        // #endif
    },
    onHide() {
        this.isDischarge = true
    },
    onShow() {
        this.isDischarge = false
        // #ifdef MP
        wx.getUpdateManager().onUpdateReady(function () {
            wx.showModal({
                title: '更新提示',
                content: '新版本已经准备好，是否重启应用？',
                success(res) {
                    if (res.confirm) {
                        // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                        wx.getUpdateManager().applyUpdate()
                    }
                }
            })
        })
        // #endif
        apiUserCentre().then(({ is_register_award }) => {
            this.isReward = is_register_award
        })
    },
    watch: {},
    onShareAppMessage() {
        const shareconfig = this.shareConfig.find((i) => {
            return i.type == 1 && i.page == 1
        })
        const { shop_name } = this.appConfig
        const { code } = this.userInfo
        const titile = shareconfig.title.replace(/\{name\}/g, shop_name)
        const share = {
            title: titile,
            path: `/pages/index/index?invite_code=${code}`,
            imageUrl: shareconfig.image
        }
        return share
    },
    onShareTimeline() {
        const shareconfig = this.shareConfig.find((i) => {
            return i.type == 1 && i.page == 1
        })
        const { shop_name } = this.appConfig
        const titile = shareconfig.title.replace(/\{name\}/g, shop_name)
        const share = {
            title: titile,
            imageUrl: shareconfig.image
        }
        return share
    },
    onReady() {
        // #ifdef MP

        const _this = this
        wx.checkIsAddedToMyMiniProgram({
            success(res) {
                if (!res.added) {
                    _this.offTip = true
                    _this.clearTipAuto()
                } else {
                    return
                }
            }
        })
        // #endif
    }
}
</script>

<style lang="scss">
.index {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    min-height: calc(100vh - env(safe-area-inset-bottom));
	background-color: #3a7ffa;
	// height: 2800rpx;
	// padding: 0rpx 25rpx 0 25rpx;
	
	.index-banner{
		background-image: url('../../static/images/banner.png');
		height:535rpx;
		// width: 50%;
		background-size: 100% 100%; /* 背景拉伸适配容器大小 */
		background-repeat: no-repeat; /* 防止背景重复 */
		
		
		.index-banner-title{
			padding:90rpx 30rpx 25rpx 30rpx;
			font-size: 36rpx;
			color: #fff;
		}
		
		.index-banner-input{
			background-color: #fff;
			height: 60rpx;
			margin:10rpx 30rpx 20rpx 30rpx;
			border-radius: 20rpx;
			padding: 10rpx 20rpx;
		}
	}
	
	.index-Software{
		background-color: #fff;
		// height: 800rpx;
		border-radius: 42rpx  42rpx 0rpx 0rpx;
		padding: 30rpx;
		
		.index-Software-title{
			display: flex;
			
			.index-Software-title-words{
				font-size: 34rpx;
				margin-top: 3rpx;
				margin-left: 20rpx;
				font-weight: 600;
			}
		}
		
		.index-Software-content{
			// height: 600rpx;
			// background: skyblue;
			margin-top: 35rpx;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			
			.index-Software-content-item{
				width: 48%;
				height: 150rpx;
				// background-color: palevioletred;
				margin-bottom: 20rpx;
				border-radius: 20rpx;
				background-size: 100% 100%; /* 背景拉伸适配容器大小 */
				background-repeat: no-repeat; /* 防止背景重复 */
			}
			.index-Software-content-item:nth-child(1){
				background-image: url('../../static/images/appsoftware.png');
			}
			.index-Software-content-item:nth-child(2){
				background-image: url('../../static/images/pcwebsite.png');
			}
			.index-Software-content-item:nth-child(3){
				background-image: url('../../static/images/miniprogram.png');
			}
			.index-Software-content-item:nth-child(4){
				background-image: url('../../static/images/softsystem.png');
			}
			.index-Software-content-item:nth-child(5){
				background-image: url('../../static/images/aialgorithm.png');
			}
			.index-Software-content-item:nth-child(6){
				background-image: url('../../static/images/lotthings.png');
			}
			
		}
	}
	
	.index-cooperation{
		background-color: #fff;
		margin-top: -2rpx;
		
		.index-cooperation-title{
			padding:0rpx 30rpx 25rpx 30rpx;
			display: flex;
			
			.index-cooperation-title-words{
				font-size: 34rpx;
				margin-top: 10rpx;
				margin-left: 10rpx;
				font-weight: 600;
				
			}
		}
		.index-cooperation-swiper{
			 position: relative;
			background-color: #659cff;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			// height: 380rpx;
			width: 100%;
			padding: 30rpx 30rpx 10rpx 30rpx;
			
			.index-cooperation-swiper-list{
				// margin-top: 60rpx;
				 margin-bottom: 20rpx;
				 // transform: translateY(-50%);
				 animation: slide-left 7s linear infinite;
				.index-cooperation-swiper-list-img{
					width: 200rpx;
					height: 110rpx;
					border-radius: 15rpx;
				}
				.index-cooperation-swiper-list-img:nth-child(2){
					margin-left: 20rpx;
				}
				.index-cooperation-swiper-list-img:nth-child(3){
					margin-left: 20rpx;
				}
			}
			.index-cooperation-swiper-list:nth-child(2){
				animation: slide-left 7.5s linear infinite;
			}
			.index-cooperation-swiper-list:nth-child(3){
				animation: slide-left 7s linear infinite;
			}
			
			 @keyframes slide-left {
			      0% {
			        transform: translate(100vw, 0%);
			      }
			
			      100% {
			        transform: translate(-350px, 0%);
			      }
			    }
		}
		
		.index-cooperation-swiper::before,
		    .index-cooperation-swiper::after {
		      content: '';
		      position: absolute;
		      top: 0;
		      bottom: 0;
		      width: 60px;
		      /* 阴影宽度 */
		      background: linear-gradient(to right, rgba(119, 167, 255, 0.8), transparent);
		      pointer-events: none;
		      /* 避免遮挡点击 */
		    }
		
		    .index-cooperation-swiper::before {
		      left: 0;
		      /* 左侧阴影 */
		    }
		
		    .index-cooperation-swiper::after {
		      right: 0;
		      /* 右侧阴影 */
		      background: linear-gradient(to left,rgba(119, 167, 255, 0.8), transparent);
		      /* 右侧渐变 */
		    }
	}
	
	.index-company-peofile{
		background-size: 100% 100%; /* 背景拉伸适配容器大小 */
		background-repeat: no-repeat; /* 防止背景重复 */
		background-image: url('../../static/images/cmpanyprofile.png');
		height: 500rpx;
		
		.index-company-peofile-title{
			padding: 30rpx;
			font-size: 36rpx;
			font-weight: 600;
		}
		.index-company-peofile-content{
			// padding: 0 180rpx 0 30rpx;
			margin-left: 30rpx;
			width: 47%;
			line-height: 46rpx;
			height: 320rpx;
			letter-spacing: 4rpx;
			overflow: hidden;
			display: -webkit-box; /* 必须使用 */
			text-overflow: ellipsis; /* 显示省略号 */
			word-break: break-all; /* 防止内容超出容器 */
			-webkit-line-clamp: 7; /* 限制行数为 1 */
			-webkit-box-orient: vertical; /* 设置盒子的排列方向为垂直 */
		}
	}
	
	.index-infomation-integrate{
	  background-color: #fff;
	  padding-bottom: 5rpx;
	  .index-infomation-integrate-title{
		  display: flex;
		  padding: 30rpx;
		  
		  .index-infomation-integrate-title-words{
			  font-size: 35rpx;
			  font-weight: 600;
			  margin-left: 20rpx;
		  }
	  }
	  
	  
	  .index-infomation-integrate-content{
		  
		  display: flex;
		  justify-content: space-between;
		  flex-wrap: wrap;
		  margin: 6rpx 20rpx 40rpx 20rpx;
		  padding: 20rpx 10rpx 0 35rpx;
		  background-color: #f4f9ff;
		  border-radius: 20rpx;
		  .index-infomation-integrate-content-list{
			  width: 25%;
			  margin-bottom: 35rpx;
			  .index-infomation-integrate-content-list-img{
				  height: 100rpx;
				  width: 100rpx;
				  border-radius: 50%;
				  margin-bottom: 6rpx;
				  margin-left: 8rpx;
			  }
			  
			  .index-infomation-integrate-content-list-words{
				  font-size: 28rpx;
				  font-weight: 600;
			  }
		  }
	  }
	}
}
// swiper
.uni-margin-wrap {
		width: 690rpx;
		width: 180rpx;
		border-radius: 15rpx;
		overflow: hidden;
	}
	.swiper {
		height: 150rpx;
		border-radius: 15rpx;
		overflow: hidden;
	}
	.swiper-item {
		display: block;
		height: 150rpx;
		line-height: 300rpx;
		text-align: center;
		border-radius: 15rpx;
		overflow: hidden;
	}
	.swiper-list {
		margin-top: 40rpx;
		margin-bottom: 0;
		border-radius: 15rpx;
		overflow: hidden;
	}
	.uni-common-mt {
		margin-top: 60rpx;
		position: relative;
	}
	.info {
		position: absolute;
		right: 20rpx;
	}
	.uni-padding-wrap {
		width: 550rpx;
		padding: 0 100rpx;
	}
// 胶囊提示
.capsule-tips {
    color: #ffffff;
    padding: 12rpx 18rpx;
    border-radius: 14rpx;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    z-index: 9999;
    right: 25rpx;
}
.capsule-tips::after {
    content: '';
    border-bottom: 14rpx solid rgba(0, 0, 0, 0.7);
    border-right: 14rpx solid transparent;
    border-left: 14rpx solid transparent;
    position: absolute;
    top: -14rpx;
    right: 88rpx;
}
.record_number {
    text-align: center;
    padding: 30rpx;
    font-size: 24rpx;
}

.tow-index{
	 padding: 50rpx 25rpx;
	 
	 .tow-index-title{
		 color: #fff;
		 font-size: 34rpx;
		 margin-bottom: 20rpx;
	 }
	.tow-index-title-input{
	   height: 60rpx;
	   background-color: #ffffff;
	   border-radius: 20rpx;
	   padding: 10rpx 0 0 20rpx;
	}
}
</style>
